<script>
  export default {
    data(){
      return {
        notices: [
          "人生苦短, 我用Python",
          "坚持每天学习, 坚持每天进步一点点",
          "人生苦短, 我用Python",
          "坚持每天学习, 坚持每天进步一点点",
        ]
      }
    }
  }
</script>

<template>
  <view class="container tn-safe-area-inset-bottom">
    <tn-nav-bar fixed>通知栏</tn-nav-bar>
    <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
      <tn-notice-bar :list="notices" mode="vertical"></tn-notice-bar>
    </view>
    <view class="tn-padding-bottom-lg"></view>
  </view>
</template>

<style lang="scss" scoped>
  .container {
    background-color: $tn-bg-gray-color;
    min-height: 100vh;
  }
</style>